<!DOCTYPE html>
<html>

  {% include head.html %}


    <body id="page-top" class="index">
        {{ content }}
    </body>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>

    <script
			  src="https://code.jquery.com/jquery-3.6.0.min.js"
			  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
			  crossorigin="anonymous">
    </script>
    <script>
     $.fn.shuffleChildren = function() {
         $.each(this.get(), function(index, el) {
             var $el = $(el);
             var $find = $el.children();

             $find.sort(function() {
                 return 0.5 - Math.random();
             });

             $el.empty();
             $find.appendTo($el);
         });
     };

     $(".shuffle").shuffleChildren();
     $(".shuffle").addClass('show');
 </script>
</html>
